
import Home from '@/views/Home.vue'
import Store from '@/views/Store.vue'
import Set from '@/views/Set.vue'
import Count from '@/views/count.vue'
import CountTo from '@/views/CountTo.vue'
import Split from '@/views/Split.vue'
import renderPage from '@/views/render-page.vue'
import menuPage from '@/views/menu-page.vue'
export const routes = [
  {
    path: '/',
    name: 'home',
    component: Home
  },
  {
    path: '/about',
    name: 'about',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '@/views/About.vue')
  },
  {
    path: '/store',
    name: 'store',
    component: Store
  },
  {
    path: '/set',
    name: 'set',
    component: Set
  },
  {
    path: '/count',
    name: 'count',
    component: Count
  },
  {
    path: '/countTo',
    name: 'countTo',
    component: CountTo
  },
  {
    path: '/split',
    name: 'split',
    component: Split
  },
  {
    path: '/renderPage',
    name: 'renderPage',
    component: renderPage
  },
  {
    path: '/menuPage',
    name: 'menuPage',
    component: menuPage
  }
]
